page {
}
.imagehome {
	box-sizing: border-box;
}
.warpper{
	
	background: linear-gradient(to bottom,#e2e4f6,#fff); 
	// #ifdef APP || MP-WEIXIN
	background: linear-gradient(to right,#d3c3fc ,#e5effc ,#adccef); 	
	// #endif 
	
}
.imagesHeader{
	padding: 0 26.67rpx 0;
	width: 100%;
	height: 140rpx;
	background: linear-gradient(to bottom,#e2e4f6,#fff); 
	// #ifdef APP || MP-WEIXIN
	background: linear-gradient(to right,#d3c3fc ,#e5effc ,#adccef); 	
	// #endif 
	
	z-index: 88;
	position: sticky;
	overflow: hidden;
	box-sizing: border-box;	
	/* #ifdef APP ||  MP-WEIXIN */	
	height: 180rpx;
	/* #endif */
	.imagesHeaderText{
		width: 100%;
		font-weight: bold;
		font-size: 32rpx;
		color: #333333;
		line-height: 24rpx;
		text-align: center;
		padding-top: 130rpx;
		
	}
	
	.imageFrame{
		// margin-left: -60rpx;
		width: 352rpx;
		height: 376rpx;
		background: linear-gradient(to bottom,#e2e4f6,#e2e4f6); 
		// #ifdef APP || MP-WEIXIN
		background: linear-gradient(to right,#d3c3fc ,#e5effc ,#adccef); 	
		/* #endif */
		margin-left: -20rpx;
		margin-right: 20rpx;
	}
}

.header {
	
	/* #ifdef APP || MP-WEIXIN */
	padding-top:0rpx;
	
	/* #endif */
	background-color: #fff;
	// background-image: url('/static/img/home_bg.jpg');
	// background-size: cover; /* 确保图片覆盖整个容器宽度 */
	// background-position: center top; /* 定位到图片的顶部居中位置 */
	position: sticky;
	z-index: 88;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom,#e2e4f6,#e2e4f6); 
	// #ifdef APP || MP-WEIXIN
	background: linear-gradient(to right,#d3c3fc ,#e5effc ,#adccef); 	
	// #endif 
	// display: flex;
	.imageMenu {		
		position: absolute;
		right:26rpx;
		/* #ifdef APP || MP-WEIXIN */		
		right:15rpx;		
		/* #endif */
		bottom:0;
		height: 80rpx;
		width:80rpx;
		/* #ifdef APP ||  MP-WEIXIN */
		right:0rpx;
		/* #endif */
		.imageMenuImg{
			width:28rpx;
			height: 24rpx;
			margin-left: 20rpx;
			position: absolute;
			right:0;
			top:26rpx;
			/* #ifdef APP ||  MP-WEIXIN */
			right: 50%;
			/* #endif */
		}
		
	}
}
.t_tu {
	margin-top:100rpx;
	font-family: PingFang SC;
	font-weight: bold;
	font-size: 32rpx;
	color: #333333;
	line-height: 24rpx;
	display: block;
}

.scroll-x {
	width:86%;
	/* #ifdef APP || MP-WEIXIN */
	width:93%;
	/* #endif */
	display: flex;
	flex-direction: row;
	white-space: nowrap;
	padding: 0 26.67rpx 0;
	box-sizing: border-box;
	// position: sticky;
	// z-index: 100;
	// top: 0;
	// left: 0;
	overflow: auto;	
	height: 80rpx;
	.tt {
		flex-grow: 0;
		flex-shrink: 0;
		height: 80rpx;
		line-height: 80rpx;
		padding-right: 40rpx;
		color: #666666;
	}
	.choseed {
		color: #333333;
		font-weight: bold;
		position:relative;
	}
	
}
.scroll-x .choseed::after{
		conte: "";
		position: absolute;
		bottom: 0;
		left:0rpx;
		right:0;
		height: 4px;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		// border: 4rpx solid #181818;
	}
.scroll-y {
	padding: 0 26.67rpx 0;
	box-sizing: border-box;
	width: 100%;
	height: 70%;	
	column-count: 2; /* 设置列数 */	column-gap: 15rpx; /* 设置列间距 */
	// display: flex;
	// flex-wrap: wrap;
	// flex-direction: row;
	// justify-content: space-between;
	.s-image {
		width: 338rpx;
		height: 503rpx;
		background: #d3d3d3;
		border-radius: 13rpx;
		break-inside: avoid-column; /* 防止项目被分割到不同列 */
		margin-bottom: 15rpx; /* 项目间的间距 */
	}
	// .s-image:first-child{
	// 	height: 400rpx;
	// }
}
.opoupBox {
	height: 100%;
	background-color: #fff;
	width: 432rpx;
	padding-left: 32rpx;
	padding-top: 32rpx;
	
	/* #ifdef APP ||  MP-WEIXIN */
	padding-top: 132rpx;
	/* #endif */
	// flex-wrap: wrap;
	.opoupTab{
		display: inline-block;
		width: 164rpx;
		height: 78rpx;
		line-height: 78rpx;
		margin-right: 32rpx;
		margin-bottom: 32rpx;
		background: #F4F4F4;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		text-align: center;
		color:#ADADAD;
		
	}
	.choseed{
		color:#5F6FFF;
	}
}
